<script type="text/javascript">
    $(document).ready(function()
    {
        $("select, input").uniform();
    });
</script>
<link rel="stylesheet" type="text/css" href="css/form.css"/>
<link rel="stylesheet" type="text/css" href="../includes/buttons/style.css"/>
<link rel="stylesheet" type="text/css" href="../includes/buttons/buttonPro.css"/>

<script type="text/javascript">
    $(document).ready(function() 
    {
        //Thêm típ chú thích cho tên sản phẩm
        $('#TenDonViTinh').powerTip({placement: 'ne', smartPlacement: true});
        
        //Sự kiện nút đóng
        $('#close').click(function(){
            $('#TenDonViTinh').attr('value', '');
            $('#donvitinh_them').slideUp(700);
        });
        
        $("#donvitinh_them").submit(function()
        {
            var TenDonViTinh = $('#TenDonViTinh').val();
            if(TenDonViTinh == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập tên đơn vị tính!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#TenDonViTinh').focus();
                    }
                    }
                );
    			return false;
    		}
            
            var form_data = {'TenDonViTinh' : TenDonViTinh};
       
            $.ajax({
                type: "POST",              // Phương thức gởi đi
                url: "donvitinh_them_sub_ajax.php",          // File xử lý dữ liệu được gởi
                data: form_data,            // Dữ liệu gởi đến cho url
                success: function(html) { // Hàm chạy khi dữ liệu gởi thành công
                    if(html == 'yes') //Thêm thành công
                    {
                        $("#donvitinh_them").slideUp(700); // Ẩn form thêm loại sản phẩm
                        //Thông báo thành công
                        dialog_confirmation('Thêm đơn vị tính <strong>' + TenDonViTinh + '</strong> thành công!');
                        $('.DonViTinh').flexReload();
                    }
                    else
                    {
                        //Thông báo lỗi
                        $.Zebra_Dialog(
                            'Đơn vị tính <strong>' + TenDonViTinh + '</strong> đã tồn tại!',
                            {
                            'type':     'error',
                            'title':    'Thông báo',
                            'width': 400,
                            'buttons':  ['Đóng'],
                            'center_buttons': true,
                            'onClose': function(){
                                $('#TenDonViTinh').select();
                            }
                            }
                        );
                    }
                    
                }
            });
            return false;
        });
    });
</script>
<form action="#" method="post" style="margin-top: 5px;" class="add" id="donvitinh_them">
    <fieldset>
        <legend>Thông tin đơn vị tính</legend>
        <p class="fieldset">
            <label>Tên đơn vị tính <span class="require">*</span>
            </label>
            <input type="text" id="TenDonViTinh" name="TenDonViTinh" title="Nhập tên đơn vị tính" class="long"/>
        </p>
    </fieldset>
    <div style="clear: both;"></div>
    <div style="clear: both; width: 300px; margin: 0px auto; text-align: center; margin-top: 20px; position: relative;">
        <button type="submit" id="submit" class="buttonPro blue" style="margin-right: 20px;">Thêm</button>
        <button type="button" id="close" class="buttonPro blue" >Đóng</button>
    </div>
</form>